<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link href="css/reset.css" rel="stylesheet" type="text/css"/>
        <link href="css/index.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <ul class="header">
            <li><a href="index.php" style="background: linear-gradient(#ecf3f6,#fff)">首页</a><span>|</span></li>
            <li><a href="#">图片</a><span>|</span></li>
            <li><a href="#">文字</a><span>|</span></li>
            <li><a href="#">视频</a><span>|</span></li>
            <li><a href="login.php">登录</a><span>|</span></li>
            <li><a href="register.php">注册</a></li>
        </ul>
        <h6><span>站内公告：</span>龙讯网广告系统正式投入运营啦！</h6>

        <ul class="left">
            <li>
                <p>1</p>
                <h1>热度指数</h1>
                <div>
                    <h2>范冰冰中性造型抢镜 黄圣依不慎走光</h2>
                    <h3>大孖 - 于2小时15分钟前</h3>
                    <h4>有漂亮的照片不贴，就是要贴这些走光照，这些记者这些编辑都是什么心态？ <span>[全文]</span></h4>
                    <h5>1条评论   |  分类：图片</h5>
                </div>
             </li>
            <li>
                <p>1</p>
                <h1>热度指数</h1>
                <div>
                    <h2>范冰冰中性造型抢镜 黄圣依不慎走光</h2>
                    <h3>大孖 - 于2小时15分钟前</h3>
                    <h4>有漂亮的照片不贴，就是要贴这些走光照，这些记者这些编辑都是什么心态？ <span>[全文]</span></h4>
                    <h5>1条评论   |  分类：图片</h5>
                </div>
            </li>
            <li>
                <p>1</p>
                <h1>热度指数</h1>
                <div>
                    <h2>范冰冰中性造型抢镜 黄圣依不慎走光</h2>
                    <h3>大孖 - 于2小时15分钟前</h3>
                    <h4>有漂亮的照片不贴，就是要贴这些走光照，这些记者这些编辑都是什么心态？ <span>[全文]</span></h4>
                    <h5>1条评论   |  分类：图片</h5>
                </div>
            </li>
            <li>
                <p>1</p>
                <h1>热度指数</h1>
                <div>
                    <h2>范冰冰中性造型抢镜 黄圣依不慎走光</h2>
                    <h3>大孖 - 于2小时15分钟前</h3>
                    <h4>有漂亮的照片不贴，就是要贴这些走光照，这些记者这些编辑都是什么心态？ <span>[全文]</span></h4>
                    <h5>1条评论   |  分类：图片</h5>
                </div>
            </li>
            <li>
                <p>1</p>
                <h1>热度指数</h1> 
                <div>
                    <h2>范冰冰中性造型抢镜 黄圣依不慎走光</h2>
                    <h3>大孖 - 于2小时15分钟前</h3>
                    <h4>有漂亮的照片不贴，就是要贴这些走光照，这些记者这些编辑都是什么心态？ <span>[全文]</span></h4>
                    <h5>1条评论   |  分类：图片</h5>
                </div>
            </li>
        </ul>
        <ul class="nav">
            <li>图  片</li>
            <li>文  字</li>
            <li>视  频</li>
        </ul>
        <ul class="paging">
            <li>首页</li>
            <li>1</li>
            <li>下一页</li>
            <li>末页</li>
        </ul>
        <form>
            <p>快速登录&nbsp;&gt;&gt;</p>
            <h1> E-MAIL:<input type="text" name="username" class="username"></h1>
            <h1> 密&nbsp;码:<input type="password" name="password" class="password"></h1>
            <h2><input type="checkbox"> 下次自动登录</h2>
            <button type="button">登&nbsp;录</button>
            <a href="register.php" class="zc">立即注册</a>
            <a href="#" class="wj">忘记密码了？</a>
        </form>
        <ol>
            <h1>热门点击排行</h1>
            <li></li>
        </ol>
        <div class="right">
            <h1>邀请朋友加入</h1>
            <h2>把下面的网址发送给朋友</h2>
            <p>htp ://www.dsdlslflsdjlf.dsfsdkslf</p>
            <a href="">或者发 email 邀请朋友</a>
        </div>
        <ul class="footer">
            <li><a href="#">关于我们</a><span>|</span></li>
            <li><a href="#">帮助</a><span>|</span></li>
            <li><a href="#">隐私声明 © 2008 All Rights Reserved&nbsp;京ICP备07017692号</a></li>
        </ul>
        <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script src="js/index.js" type="text/javascript"></script>
    </body>
</html>
